<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/register.css" />
		<!--载入hdjs，前面必须有一个jq-->
		<script src="__STATIC__/Index/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="__STATIC__/hdjs/hdjs.css"/>
		<script src="__STATIC__/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		//regForm是注册form的id
		$('#regForm').validate({
			//username_reg是input的name名称
			username: {
				//规则
                rule: {
                    required: true,
                    minlen:5,
                    ajax:{url:'{|U:"Member/ajaxCheckUser"}'}
                },
                //违反规则之后
                error: {
                    required: '用户名不能为空',
                    minlen:'用户名最少不得少于5位'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入用户名'
            },
            password1: {
				//规则
                rule: {
                    required: true,
                    minlen:5
                },
                //违反规则之后
                error: {
                    required: '密码不能为空',
                    minlen:'密码不得少于5位'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入密码'
            },
            password2: {
				//规则
                rule: {
                    required: true,
                    confirm:'password1'
                },
                //违反规则之后
                error: {
                    required: '密码不能为空',
                    confirm:'两次不一样'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请再次输入密码'
            },
             code: {
				//规则
                rule: {
                    required: true,
                    ajax:{url:'{|U:"Member/ajaxCheckCode"}'}
                },
                //违反规则之后
                error: {
                    required: '验证码不能为空',
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入验证码'
            },
		})
	})
</script>
	</head>

	<body>
		<!--头部logo-->
		<div id="login_hd">
			<div class="log">
				<a href="__ROOT__"><img src="__STATIC__/Index/images/logo.png" /></a>
			</div>
		</div>
		<!--下面图片-->
		<div id="login_bd">
			<div class="box_c1 ">
				<!--图片-->
				<div class="login_col1">
					<a href="javascript:;"><img src="__STATIC__/Index/images/index_acpc-53d2227b-00000001000000010dc1000000051e42.1.jpg" /></a>
				</div>
				<!--登陆-->
				<div class="login_col2">
					<div class="login_box">
						<!--上面-->
						<div class="log_top">
							<h3>注册拍拍账号<a href="{|U:'Member/login'}">登录</a></h3>
						</div>
						<!--下面登陆信息-->
						<div class="web_login">
							<div class="login_form">
								<form class="log_f" method="post" id="regForm">
									<div class="inputOuter">
										<!--输入框前的小精灵-->
										<span class="user_icon"></span>
										<!--用户名-->
										<input class="one reg_txt" type="text" placeholder="请输入您的用户名" name="username" id="" value="" />
									</div>
									<!--输入密码-->
									<div class="inputOuter">
										<!--输入框前的小精灵-->
										<span class="pwd_icon"></span>
										<!--密码-->
										<input class="one reg_txt" type="password" placeholder="请输入您密码" name="password1" id="" value="" />
									</div>
									<!--确认密码-->
									<div class="inputOuter">
										<!--输入框前的小精灵-->
										<span class="pwd_icon"></span>
										<!--密码-->
										<input class="one reg_txt" type="password" placeholder="请您确认密码" name="password2" id="" value="" />
									</div>
									<!--验证码-->
									<div class="inputOuter">
										<!--输入框前的小精灵-->
										<span class="pwd_icon"></span>
										<!--验证码输入框-->
										<input id="code" class="enter_code reg_txt" type="text" placeholder="验证码" name="code"></input>
										<!-- 验证码 图片-->
										<img src="{|U:'Member/code'}" alt="" class="ver_img" onclick="this.src=this.src + '&' + Math.random()"  />
										
									</div>
									<!--注册按钮-->
									<div class="reg_btn_wrap ">
										<input class="reg_btn fro_btn" type="submit" value="立即注册"></input>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>